*{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 微软雅黑;
    font-weight: normal;
}
a {
    text-decoration: none;
    color: #ffffff;
}
a:hover {
    cursor:pointer;
}
li {
    list-style: none;
}
.basc-color{
    color: #d50000;
}
/*.contianer{*/
/*    padding: 0 260px;*/
/*}*/
.heart{
    box-sizing: border-box;
    padding: 0 260px;
}
.heart2{
    box-sizing: border-box;
    padding: 0 250px;
}
.nav{
    display: flex;
    align-items: center;
    height: 78px;
    width: 100%;
    background-color: #5f5f5f;
}
.nav-list{
    display: flex;
    margin-left: 145px;
    font-family: 微软雅黑;
    color: #ffffff;
    font-size: 16.67px;
}
.nav-list li {
    box-sizing: border-box;
    text-align: center;
    width: 85px;
    border-right: 1px solid #ffffff;
    position: relative;
}
.nav-list li:hover{
    color: #d50000;
    cursor:pointer;
}
.active{
    color: #d50000;
}
.nav-phone {
    display: flex;
    margin-left: 30px;
    width: 220px;
    height: 50px;
    background-color: #d50000;
}
.nav-text {
    display: flex;
    margin-left: 8px;
    flex-direction: column;
}
.nav-text span:first-child{
    font-size: 16.67px;
    color: #ffffff;

}
.nav-text span:nth-child(2){
    font-size: 20px;
    color: #ffba00;
}
.swiper-container {
    height: 775px;
    /*width: 100%;*/
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #d50000 ;/* 两种都可以 */

}
.desc {
    display: flex;
    height: 260px;
    width: 100%;
    /*padding: 60px 0;*/
    padding-top: 60px;
    padding-bottom: 60px;

}
.desc-list,.desc-list a{
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    width: 350px;
    height: 200px;
    align-items: center;
    padding: 0 30px;
}
.desc-list img{
    height: 53px;
    width: 53px;
}
.span1{
    font-size: 33.33px;
    color: #3b3939;
    margin-top: 5px;
}
.span2{
    font-size: 15.25px;
    color: #5f5f5f;
    margin-top: 15px;
}
.about {
    background-color: #ededed;
    padding-top: 20px;
    padding-bottom: 20px;
}
.about-list {
    display: flex;
}
.about-desc {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
}
.about-desc div:first-child{
    font-size: 33.33px;
    color: #000000;
    /*font-weight: bold;*/
    margin-top: 60px;
}
.about-desc div:nth-child(2){
    font-size: 41.67px;
    color: #ef7d34;
}
.about-list2 {
    display: flex;
}
.about-desc2 {
    margin-left: 40px;
}
.about-desc2 div:first-child{
    font-size: 33.33px;
    color: #000000;
    /*font-weight: bold;*/
    margin-top: 60px;
}
.about-desc2 div:nth-child(2){
    font-size: 41.67px;
    color: #ef7d34;
}
.desc-font {
    font-size: 16.67px;
    color: #5f5f5f;
}
.desc-font div:first-child{
    font-size: 16.67px;
    color: #5f5f5f;
    margin-top: 38px;
}
.desc-font div:nth-child(2){
    font-size: 16.67px;
    color: #5f5f5f;
    margin-top: 18px;
}
.title{
    font-size: 33.33px;
    color: #000000;
    /*font-weight: bold;*/
    margin-top: 60px;
}

.title2{
    font-size: 41.67px;
    color: #ef7d34;
}
.title3{
    font-size: 16.67px;
    color: #5f5f5f;
    /*margin-top: 20.83px;*/
}
.title4{
    font-size: 18.75px;
    color: #5f5f5f;
    /*margin-top: 20.83px;*/
}
.title5{
    font-size: 20.83px;
    color: #000000;
    /*margin-top: 20.83px;*/
}

.btn-desc{
    border: 1px solid #ffffff;
    background-color: #d50000;
    color: #ffffff;
    width: 175px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 21.24px;
    margin-top: 20px;
}
.btn-desc:hover{
    cursor:pointer;
}

.product-desc {
    display: flex;
    margin-top: 35px;
}
.product-desc2 {
    display: flex;
    flex-direction: column;
    /*padding: 45px 35px;*/
    padding: 0 35px;
}
.product-list{
    display: flex;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    width: 880px;
}
.product-list li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.product-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.pro-pos{
    position: relative;
}
.pro-name {
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 35px;
    line-height: 35px;
    width: 100%;
    background-color: rgba(153,153,153,0.6);
    color: #ffffff;
    font-size: 20.83px;

}
.case-list {
    display: flex;
    /*flex-direction: column;*/
    /*margin-top: 35px;*/
    /*text-align: center;*/
    padding: 35px 0px;
}
.case-list a {
    margin-right: 20px;
}

.news {
    display: flex;
    padding-bottom: 20px;
}
.news-list {
    width: 675px;
    margin-left: 20px;
}
.news-title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000000;
}
.news-item li{

}
.news-item a{
    display: flex;
    justify-content: space-between;
    color: #5f5f5f;
    align-items: center;
    height: 38px;
    font-size: 18.75px;
}

footer {
    display: flex;
    height: 225px;
    background-color: #2e2e30;
    padding: 40px 260px;
    color: #ffffff;
}
.foot-list {
    display: flex;
    height: 225px;
    margin-right: 130px;
    flex-direction: column;
    /*justify-content: space-between;*/
}
.foot-list div{
    font-size: 25px;
    margin-bottom: 15px;
}
.foot-list a {
    color: #ffffff;
    font-size: 20.83px;
    margin-bottom: 10px;
}
.phone div:first-child{
    font-size: 25px;
}
.phone {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 20.83px;
}
.img {
    margin-left: 30px;
    font-size: 20.83px;
    text-align: center;
}

.copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 120px;
    background-color: #15161a;
    color: #ffffff;
    font-size: 18.75px;
}
.copy div{
    margin-bottom: 10px;
}

a:hover {
    color: #d50000;
}